<div style="min-width:1030px;">
  <nz-breadcrumb class="breadcrumb-pos">
    <i nz-icon type="link" theme="outline" style="color:#1890FF;padding-right:4px"></i>
    <nz-breadcrumb-item>
      维修员日志
    </nz-breadcrumb-item>
  </nz-breadcrumb>
  <div nz-row [nzGutter]="24" style="border-bottom: 1px solid #ccc;margin-bottom: 8px;min-width: 800px;">
    <div nz-col [nzSpan]="4">
      <nz-form-item nzFlex>
        <nz-form-label>所属模块</nz-form-label>
        <nz-form-control>
          <input nz-input [(ngModel)]="moduleType">
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="4">
      <nz-form-item nzFlex>
        <nz-form-label>操作类型</nz-form-label>
        <nz-form-control>
          <input nz-input [(ngModel)]="oprateType">
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="4">
      <nz-form-item nzFlex>
        <nz-form-label>操作名称</nz-form-label>
        <nz-form-control>
          <input nz-input [(ngModel)]="name">
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="4">
      <nz-form-item nzFlex>
        <nz-form-label>操作内容</nz-form-label>
        <nz-form-control>
          <input nz-input [(ngModel)]="msg">
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="6">
      <nz-form-item nzFlex>
        <nz-form-label>操作者</nz-form-label>
        <nz-form-control>
          <input nz-input [(ngModel)]="userName">
        </nz-form-control>
        <button nz-button [nzType]="'primary'" [nzLoading]="btn_loading" style="margin:3px 0 0 20px;" (click)="getLoglist()">查询</button>
      </nz-form-item>
    </div>
  </div>

  <nz-table #basicTable [nzData]="loglist" [nzLoading]="loading" [nzShowPagination]="false" [nzBordered]="true">
    <thead>
      <tr>
        <th>所属模块</th>
        <th>操作类型</th>
        <th>操作名称</th>
        <th nzWidth="500px">操作内容</th>
        <th>操作者</th>
        <th>操作者IP</th>
        <th>添加时间</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of loglist">
        <td>{{data.moduleType}}</td>
        <td>{{data.oprateType}}</td>
        <td>{{data.name}}</td>
        <td>
          <div style="word-break:break-all;">{{data.msg}})</div>
        </td>
        <td>{{loginfo[data.adminId]?loginfo[data.adminId].name:"-"}}</td>
        <td>{{data.ip}}</td>
        <td>{{data.dateAdd.slice(0,10)}}</td>
      </tr>
    </tbody>
  </nz-table>
  <nz-pagination style="float:right;margin-top:12px" [nzPageIndex]="PageIndex" [nzPageSize]="PageSize"
    [nzTotal]="PageTotal" (nzPageIndexChange)="PageIndexChange($event)" [nzHideOnSinglePage]="true"
    [nzShowTotal]="totalTemplate"></nz-pagination>
  <ng-template #totalTemplate let-total>
    共 {{total}} 条数据
  </ng-template>
</div>